<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" href="libs/reset.css">
    <script type='text/javascript' src='libs/require.js' data-main='main.js'></script>
    <script type='text/javascript' src='libs/flexible.js'></script>
  
    <title>index</title>
    <style>
    	html,body{
    		width: 100%;
    		height: 100%;
    		background: #efefef;
    	}
    	#content{
    		height: 100%;
    	}
		footer{
			width: 100%;
			height: 1.56rem;
			background: #f4f3f1;
			position: fixed;
			bottom:0;
		}
		footer ul{
			display: flex;
			justify-content: space-around;
			text-align: center;
		}
		footer img{
			width: 0.53rem;
			margin-top: 0.14rem;
			margin-bottom: 0.07rem;
		}
    </style>
  </head>
  <body>
    <div id="content"></div>
    <footer>
		<ul>
			<li>
				<figure><a href="#home"><img src="common/images/footer.png" alt=""><p>首页</p></a></figure>
			</li>
			<li>
				<figure><a href="#sscs"><img src="common/images/footer.png" alt=""><p>闪送超市</p></a></figure>
			</li>
			<li>	
				<figure><a href="#shoppingCar"><img src="common/images/footer.png" alt=""><p>购物车</p></a></figure>
			</li>
			<li>	
				<figure><a href="#mine"><img src="common/images/footer.png" alt=""><p>我的</p></a></figure>
			</li>
		</ul>
    </footer>
  </body>
</html>
